.mb(){
    margin-bottom: .26667rem;
    background-color:#fff;
     width: 100%;
}
.mbw{
    .mb();
    width: 100%;
}
.wh(@w:100%;@h:100%){
    width: @w;
    height: @h;
}
.ell(){
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.h_home{
    width: 100%;
}
.h_bannar{
    .mb();
    width: 100%;
    
}
.swiper-container{
    .wh(100%;5.33333rem);
    position: relative;
    overflow: hidden;
    .swiper-wrapper{
        .wh();
        .swiper-slide{
            .wh();
            img{
                .wh();
            }
        }
    }
}
#swiper-pagination{
    .wh(100%;4px);
    position: absolute;
    bottom: .4rem;
    text-align: center;
    z-index: 5;
    font-size: 0;
    span{
        .wh(.53333rem;.05333rem);
        display: inline-block;
        background-color:#fff;
        margin: 0 .13333rem 0 0;
        
    }
}
.h_notice{
    .wh(100%;1.08rem);
    padding-left:.34667rem ;
    border-bottom: 1px solid #ececec;
    position:relative;
    font-size: 0;
    .left{
        display: inline-block;
        .wh(1.973rem;.64rem);
        padding-right: .29333rem;
        margin-top: .2133rem;
        float:left;
        img{
            .wh(1.68rem;.64rem);
        }
    }
    .right{
        float: left;
        font-size: .34667rem;
        display: inline-block;
        height: .48rem;
        padding-left: .29333rem;
        line-height: .48rem;
        border-left: 1px solid #d9d9d9;
        margin-top: .29333rem;
    }
}
.h_toSort{
    .wh(100%;2.32rem);
    padding: 0 .56rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    a{
        display: block;
        .wh(.74667rem;1.22667rem);
        img{
            .wh(.74667rem;.74667rem);
            display: block;
            margin-bottom: .16rem;
        }
        span{
            display: block;
            line-height: 1;
            font-size: .32rem;
            color: #333333;
        }
        
    }
}
.h_marker{
    .mb();
   
}
.head{
    .wh(100%;1.65333rem);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .42667rem;
    a{
        color: #333;
        display: flex;
        align-items: center;
        i{
            display:inline-block;
            .wh(.21333rem;.34667rem);
             margin-left: .16rem;
             vertical-align: middle;
             background: url("images/rig.png") no-repeat;
             background-size: 100% 100%;
        }
    }
}
.mk_list{
    .wh(100%;6.45333rem);
    position: relative;
    li{
        &:nth-of-type(1){
            .wh(50%;100%);
            position:absolute;
            top: 0;
            right: 0;
            img{
                .wh();
            }
        }
        &:nth-of-type(2){
            .wh(50%;50%);
            position:absolute;
            top: 0;
            left: 0;
            img{
                .wh();
            }
        }
        &:nth-of-type(3){
            .wh(50%;50%);
            position:absolute;
            top: 50%;
            left: 0;
            img{
                .wh();
            }
        }
        div{
            position: absolute;
            width: 100%;
            z-index: 4;
            top: 0;
            left: 0;
            padding: .34667rem 0 0 .4rem;
            h4{
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                color: #333333;
                font-size: .37333rem;
                line-height: 1.5;
                margin-bottom: 1;
                font-weight: 400;
            }
            .much{
                display: block;
                font-size: .32rem;
                color: #999;
                line-height: 1;
                margin-top: .02667rem;
                span{
                    float: ;
                }
            }
        }
    }
}

.h_newpro{
    .mb();
    width: 100%;
    .new_list{
        margin-top: -.64rem;
        padding: 0 0 .58667rem;
    }
}
.new_list{
    width: 100%;
    overflow: hidden;
    .item{
        .wh(50%;4.6667rem;);
        float: left;
        position: relative;
        overflow: hidden;
        margin-bottom:.05333rem;
        background-color: #fff;
        &:nth-of-type(2n+1){
            padding-left: .66667rem;
            padding-right: .26667rem;
        }
        &:nth-of-type(2n){
            padding-left: .26667rem;
            padding-right: .66667rem;
        }
        a{
            display: block;
            .wh();
            img{
                display: block;
                .wh(3.86667rem;3.86667rem);
                background-color: transparent;
            }
            p{
                width: 100%;
                position: relative;
                z-index: 1;
                margin: -.14667rem auto .18667rem;
                line-height: .4rem;
                text-align: center;
                font-size: .37333rem;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                color: #333333;
            }
            .money{
                line-height: 1;
                font-size: .37333rem;
                text-align: center;
                color: #b4282d;
            }
        }
        
    }
}
.h_popul{
    .mb();
    .popu_list{
        width: 100%;
        padding: 0 .26667rem .26667rem;
        .item{
            border-top: 1px solid #d9d9d9;
            a{
                display: block;
                .wh(100%;3.38667rem);
                .left{
                    .wh();
                    float: left;
                    width: 3.86667rem;
                    margin-right: .26667rem;
                    position: relative;
                    img{
                        .wh(100%;3.86667rem);
                        margin-top: -.24rem;
                    }
                    .hasColor{
                        position: absolute;
                        border: .5px solid #b4a078;
                        border-radius: .05333rem;
                        top: .21333rem;
                        left: .13333rem;
                        width: .42667rem;
                        padding: .16rem 0;
                        color: #b4a078;text-align: center;
                        display: flex;
                        justify-content: center;
                        flex-direction: column;
                        span{
                            display: block;
                            font-size: .26667rem;
                            line-height: .26667rem;
                            height: .26667rem;
                        }
                    }
                }
                .right{
                    .wh(4.66667rem;100%);
                    float: left;
                    display: flex;
                    flex-wrap: nowrap;
                    flex-direction: column;
                    justify-content: center;
                    .name{
                        .ell();
                        font-size: .37333rem;
                        line-height: .64rem;
                        color: #333333;
                    }
                    .simple{
                        font-size: .32rem;
                        line-height: .58667rem;
                        color: #999999;
                    }
                    .money{
                        font-size: .42667rem;
                        color: #b4282d;
                        line-height: .64rem;
                    }
                }
                
            }
        }
    }
}

.h_timesale{
    .mb();
    .wh(100%;5.06667rem);
    padding: .4rem .53333rem .4rem .74667rem;
    display: flex;
    .left{
        flex: 1;
        display: flex;
        flex-direction: column;
        padding-top: 1.06667rem;
        p{
            font-size: .48rem;
            line-height: .48rem;
            margin-bottom: .32rem;
            color: #333333;
            letter-spacing: .16rem;
        }
        .up_time{
            .hours,.mins,.secs{
                .wh(.82667rem;.74667rem);
                color: #FFFFFF;
                border-radius: .05333rem;
                background: #444444;
                display: inline-block;
                line-height: .74667rem;
                text-align: center;
                font-size: .42667rem;
                vertical-align: middle;
                
            }
            .colon{
                color: #333333;
                font-size: .4rem;
                width: .26667rem;
                display: inline-block;
                text-align: center;
                font-weight: 700;
                vertical-align: middle;
            }
        }
        .next{
            margin-top: .53333rem;
            color: #333333;
            font-size: .32rem;
            line-height: .32rem;
            
        }
    }
    .right{
        flex: 1;
        .wh(4.26667rem;4.26667rem);
        position: relative;
        img{
            .wh();
        }
        div{
            .wh(1.28rem;1.28rem);
            background-color: rgba(244,143,24,.95);
            position: absolute;
            right: .26667rem;
            bottom: .48rem;
            border-radius: 50%;
            color: #FFFFFF;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            span{
                font-size: .37333rem;
                line-height: .37333rem;
                height: .37333rem;
            }
        }
    }
}
.h_topic{
    .mb();
    .wh(100%;635.97px);
}
.topic_main{
    .wh(100%;511.98px);
    padding: 0 .4rem .61333rem;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar:hidden ;
    .topic_list{
        height: 466px;
        width: 27.6rem;
        li{
            float: left;
            .wh(8.8rem;100%);
            margin-right:20.8333px;
            position: relative;
            a{
                display: block;
                img{
                    .wh(8.8rem;4.96rem);
                    display: block;
                    margin-bottom: .4rem;
                    border-radius: 8px;
                    overflow: hidden;
                }
                .title{
                    overflow: visible;
                    margin-bottom: .17333rem;
                    line-height: 1;
                    zoom: 1;
                    height: 27px;
                    h4{
                        float: left;
                        margin-right: .26667rem;
                        font-size: .37333rem;
                        color: #999;
                        font-weight: 400;
                    }
                    .money{
                        float: left;
                        font-size: .37333rem;
                        color: #b4282d;
                    }
                }
                .subtit{
                    font-size: .32rem;
                    line-height: 1;
                    color: #999999;
                }
            }
        }
    }
}
.h-indexFloor{
    .mb();
    .title{
        line-height: 1.6rem;
        text-align: center;
        font-size: .37333rem;
        color: #333333;
        font-weight: 400;
    }
    .h_goodList{
        position: relative;
        width: 100%;
        .item{
            position: relative;
            float: left;
            width: 50%;
            padding: 0 0 .42667rem;
            a{
                display: block;
                .pic{
                    padding: .18667rem .4rem 0;
                    width: 100%;
                    img{
                        .wh(100%;3.86667rem);
                        display: block;
                    }
                }
                .name{
                    .ell();
                    margin: .28rem auto;
                    padding: 0 .26667rem;
                    line-height: .4rem;
                    text-align: center;
                    font-size: .37333rem;
                    color: #333333;
                }
                .money{
                    line-height: 1;
                    font-size:.37333rem; 
                    text-align: center;
                    color: #b4282d;
                }
            }
        }
        .item:nth-of-type(2n+1){
             border-top: 1px solid #d9d9d9;
            border-right: 1px solid #d9d9d9;
        }
        .item:nth-of-type(2n){
             border-top: 1px solid #d9d9d9;
        }
    }
     .h_goodList:after{
         content: "";
         width: 100%;
         height: 0;
         clear: both;
         display: block
     }
}
.item_more{
    a{
        display: block;
        padding-top: 1.52rem;
        .wh();
        p{
            font-size: .42667rem;
            color: #333333;
            line-height: 1;
            margin-bottom: .8rem;
            text-align: center;
        }
        i{
            display: block;
            .wh(.89333rem;.89333rem);
            vertical-align: middle;
            background: url("images/rigb.png") no-repeat;
             background-size: 100% 100%;
             margin: 0 auto;
        }
    }
}
.h_goodList .item .hasColor{
    position: absolute;
    border: .5px solid #b4a078;
    border-radius: .05333rem;
    top: .21333rem;
    left: .33333rem;
    width: .42667rem;
    padding: .16rem 0;
    color: #b4a078;text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    span{
        display: block;
        font-size: .26667rem;
        line-height: .26667rem;
        height: .26667rem;
    }
}
